<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Sistema MRP Ego Zapateria - Usuario: #{usuarioBean.usuario.nombreUsuario}  #{usuarioBean.usuario.apellidoUsuario} </title>
       <!--link rel="stylesheet" href="resources/stylesheet.css" type="text/css" media="screen"/-->
       <style type="text/css">
                .ui-layout-north {
                    z-index:20 !important;
                    overflow:visible !important;;
                }
                .ui-layout-north .ui-layout-unit-content {
                    overflow:visible !important;
                }
                .ui-menu{
                    font-size: 12px;
                }
               .ui-menu-item{
                    font-size: 12px;
                }
                .ui-datepicker{
                    font-size: 9pt;
                }
                .ui-button{
                    font-size: 12pt;           
                }  
                .ui-growl {  
                position:fixed;
                top: 40%;
                left: 37%;
                z-index:9999;
                }
                
            </style>

    </h:head>
    <h:body style="min-width:1020px;overflow-y:auto;min-height: 168px;overflow-x: auto">
        <p:idleMonitor  timeout="1500000" onidle="idleDialog.show()"  id="monitorSesion"  />
			
        <p:confirmDialog message="Sesion Expirada" closable="false" header="Sesion de #{usuarioBean.usuario.nombreUsuario} #{usuarioBean.usuario.apellidoUsuario}"   style="font-size: 12px"  widgetVar="idleDialog" width="400">
            <h:form id="form6" >
                <p:commandButton id="botonCerrarSesionDialogo"  ajax="false"  value="Ingresar Nuevamente" actionListener="#{login.cerrarSesion()}"  action="/login.xhtml" style="font-size: 12px"     />
            </h:form>
        </p:confirmDialog>
         <p:growl id="messages"/>
         <p:layout fullPage="true" >

                <p:layoutUnit id="top" position="north" size="115" >
                    
                   <h:form id="formEncabezado"  style="background-color: rgb(228, 177, 47);  height: 68px; left: 88px; top: 0px;border: 2px solid #a1a6aa;" >
                        <p:graphicImage id="imagenLogo" value="/resources/imagenes/LogoEgoZapateria.png"  height="68" style="border-right: 2px solid #a1a6aa; margin: 0px; padding: 0px; background-color: rgb(250, 165, 34); vertical-align:central; font-size: 12px; left: 20px;top: 0px" />
                        
                        <h:form id="formDatosEncabezado"  style="background-color: rgb(228, 177, 47); height: 68px; left: 88px; top: 0px;" >
                            <p:panel id="panelNombreSistema" header="Sistema de Planeación de Producción y Gestión de Materiales"  style="font-size: 17px; font-style: normal; font-weight: bold; left: 319px; top: 5px; position: absolute; background-color:rgb(228, 177, 47);color: rgb(228, 177, 47); border-style: hidden"/>                           
                            <p:separator id="separadorEncabezdo" style="height: 3px; left: 232px; top: 38px; position: absolute; width: 750px;"/>
                            <h:outputText id="labelEncabezadoUsuario" style="font-weight: bold;left: 650px; top: 55px; position: absolute; font-size: 12px " value="Usuario:"/>
                            <h:outputText id="labelEncabezadoCargo" style="font-weight: bold;left: 440px; top: 55px; position: absolute; font-size: 12px " value="Cargo:"/>
                            <h:outputText id="labelEncabezadoGrupo" style="font-weight: bold;left: 250px; top: 55px; position: absolute; font-size: 12px " value="Grupo:"/>
                            <h:outputText id="textEncabezadoUsuario" style="left: 710px; top: 55px; position: absolute; font-size: 12px " value="#{usuarioBean.usuario.nombreUsuario} #{usuarioBean.usuario.apellidoUsuario}"/>
                            <h:outputText id="textEncabezadoCargo" style="left: 490px; top: 55px; position: absolute; font-size: 12px " value="#{usuarioBean.usuario.cargo}"/>
                            <h:outputText id="textEncabezadoGrupo" style="left: 300px; top: 55px; position: absolute; font-size: 12px " value="#{usuarioBean.usuario.grupo}"/>
                            <p:commandButton id="botonCerrarSesion" ajax="false" actionListener="#{login.cerrarSesion()}" action="/login.xhtml" type="submit" value="Cerrar Sesión" style="left: 950px; top: 33px; position: absolute; font-size: 12px " />
                      
                        </h:form>
                    </h:form>
                   <h:form id="formMenuBar">
                       <f:metadata>
                           <f:event type="preRenderView" listener="#{login.verificarLogin()}"/>
                       </f:metadata>

                       <p:menubar autoDisplay="false" style="font-size: 12px; height: 24px" >
                        <p:submenu label="Usuario" icon="ui-icon-document" >
                            <p:submenu label="File" icon="ui-icon-contact">
                                <p:menuitem value="Project" url="#" helpText="CTRL+N" />
                                <p:menuitem value="Other" url="#" helpText="CTRL+O"/>
                            </p:submenu>
                            <p:menuitem value="Cambiar Clave"  />
                            <p:separator />
                            <p:menuitem value="Cerrar Sesion" actionListener="#{login.cerrarSesion()}" action="/login.xhtml" ajax="false"  />
                        </p:submenu>

                        <p:submenu label="Edit" icon="ui-icon-pencil">
                            <p:menuitem value="Undo" url="#" icon="ui-icon-arrowreturnthick-1-w" helpText="CTRL+Z"></p:menuitem>
                            <p:menuitem value="Redo" url="#" icon="ui-icon-arrowreturnthick-1-e" helpText="CTRL+Y"></p:menuitem>
                        </p:submenu>

                        <p:submenu label="Help" icon="ui-icon-help">
                            <p:menuitem value="Contents" url="#" />
                            <p:submenu label="Search" icon="ui-icon-search">
                                <p:submenu label="Text">
                                    <p:menuitem value="Workspace" url="#" />
                                </p:submenu>
                                <p:menuitem value="File" url="#" />
                            </p:submenu>
                        </p:submenu>
                           
                       <p:submenu label="Gestion Comercial" >
                           <!--p:menuitem id="menuItemGestionClientes"     value="Gestion Clientes"    action="/formularios/gestionClientes/consultarClientes.xhtml"  onsuccess="confirm('test')" /-->
                           <p:menuitem id="menuItemGestionClientes"    ajax="false" value="Gestion Clientes"    action="/formularios/gestionClientes/consultarClientes.xhtml"         />
                           <p:menuitem id="menuItemGestionProveedores" ajax="false" value="Gestion Proveedores" action="/formularios/gestionProveedores/consultarProveedores.xhtml"  />
                           <p:menuitem id="menuItemGestionVendedores"  ajax="false" value="Gestion Vendedores"  action="/formularios/gestionVendedores/consultarVendedor.xhtml"      />
                           <p:separator/>
                           <p:menuitem id="menuItemGestionOrdenesCompra" value="Ordenes de Compra"  action="/formularios/gestionComercial/gestionOrdenesCompra.xhtml"/>
                        </p:submenu>
                       <p:submenu label="Gestion Materiales" >
                           <!--p:menuitem id="menuItemGestionClientes"     value="Gestion Clientes"    action="/formularios/gestionClientes/consultarClientes.xhtml"  onsuccess="confirm('test')" /-->
                           <p:menuitem id="menuItemGestionHormas" ajax="false" value="Gestion Hormas"    action="/formularios/gestionMateriales/gestionHormas.xhtml"  actionListener="#{hormaWeb.buscarHorma()}"       />
                           <p:menuitem id="menuItemGestionTallas" ajax="false" value="Gestion Tallas" action="/formularios/gestionMateriales/gestionTallas.xhtml"  actionListener="#{tallaWeb.buscarTalla()}"/>
                           <p:menuitem id="menuItemGestionInsumos"  ajax="false" value="Gestion Insumos"  action="/formularios/gestionMateriales/gestionInsumos.xhtml" actionListener="#{insumoWeb.buscarInsumo()}"/>
                           <p:menuitem id="menuItemGestionUnidadesMedida"  ajax="false" value="Gestion Unidades de Medida"  action="/formularios/gestionMateriales/gestionUnidadesMedida.xhtml" actionListener="#{unidadmedidaWeb.buscarUnidadMedida()}" />
                           <p:menuitem id="menuItemGestionMateriaPrima"  ajax="false" value="Gestion Materia Prima"  action="/formularios/gestionMateriales/gestionMateriasPrimas.xhtml"  />                           
                           <p:separator/>                          
                        </p:submenu>  
                        <p:submenu label="Gestion Produccion" >
                            <!--p:menuitem id="menuItemGestionClientes"     value="Gestion Clientes"    action="/formularios/gestionClientes/consultarClientes.xhtml"  onsuccess="confirm('test')" /-->
                            <p:menuitem id="menuItemGestionLineaProduccion" ajax="false" value="Gestion Linea Produccion"    action="/formularios/gestionProduccion/gestionLineaProduccion.xhtml"  actionListener="#{lineaproduccionWeb.buscarLineaProduccion()}"       />
                            <p:menuitem id="menuItemGestionModelosCalzado" ajax="false" value="Gestion Modelos de Calzado"    action="/formularios/gestionProduccion/gestionModelosCalzado.xhtml"        />
                            <p:separator/>                          
                        </p:submenu>  
                    </p:menubar>
                  </h:form>                   
                </p:layoutUnit>
             <p:layoutUnit  id="center" position="center" > 
                 <p:layout>
                     <p:layoutUnit position="north" size="80" gutter="0" style="border-width: 0px" >
                        <!--toolbar --> 
                        <ui:insert name="toolbar"></ui:insert>
                    </p:layoutUnit>
                     <p:layoutUnit position="center" gutter="0" style="border-width: 0px" >
                        <!--Cuerpo del documento --> 
                        <ui:insert name="body"></ui:insert> 
                        
                    </p:layoutUnit>
                 </p:layout>
             </p:layoutUnit>
        </p:layout>
         
                <p:layoutUnit id="bottom" position="south" size="60">
                                                           
                </p:layoutUnit>
         

            <!--Dialogos -->         
            <ui:insert id="dialogosTemplate" name="dialogos">
                <p:growl id="messages1"/>
            </ui:insert>       
    </h:body>
       
</html>